@charset "UTF-8";

html, body {margin:0; padding:0;font-size: 9.25px; line-height:1.6; font-family: courier, "Microsoft YaHei", serif}
body {padding-bottom:2rem; max-width: 640px; margin: 0 auto;background-color: #fff;}
p, img {margin:0; padding:0; border:none;}

.loading{position: fixed;z-index: 999; width: 100%; height: 100%;left: 0;top: 0; text-align: center;display: none;background-color: #fff;opacity: 0.5;}
.loading img{z-index: 9999;}
.page {margin: 0 auto;}
#building-wrap{position: relative;}
.cover {position: relative;overflow: hidden;font-size: 30px;}
.cover .cover-img {display:block; width:100%;}
.cover .t-img {position: absolute; z-index:2;width:100%; top: 0;left: 0; height: 50%;}
.cover .u-img {position: absolute; z-index:-1;width:100%; top: 0;left: 0;}
.cover .txt {position: absolute; z-index:3; top:63%; width:100%; padding-bottom:14rem}
.cover .txt,
.cover input {font-family: "Microsoft YaHei", serif; text-align:center; color:white;font-size: 1.7rem;}
.cover input{ border:2px dashed white; background-color: transparent; padding:0; margin:0;width: 1.7rem;}
.cover .date {font-size: 2.5rem; font-family: impact, serif; position: absolute; z-index:3; top:0; line-height:1.4;right: 45px; color:black;}

.prev-btn,
.next-btn {width: 33px; height:48px; position: absolute; z-index:2;top: 26.5%; left:0;  background-size:contain; cursor: pointer}
.next-btn {left:auto; right:0; }

.desc {font-size:0.6rem; color:gray; text-align: center; padding:0.5rem 0 1rem 0;}
.desc strong { font-weight:bold; color:black; font-size:1.6rem; display: block; font-family: courier, serif;}
.desc a {color:gray; text-decoration: none;}

.op {text-align:center;}
.op input,
.op label {width:100px; height:30px; background:url("../img/upload.png") no-repeat 0 0 #fff; display:inline-block; text-indent:-9999em; border:none; padding:0; vertical-align: middle; background-size:contain; cursor: pointer;}
.op input {margin-left:-10px; background-image:url("../img/build.png")}
#f {position: absolute; left:-9999rem;display: block;}

.footer_patch {display:none;}
.footer_patch img {width:100%;}

.building .prev-btn,
.building .next-btn {display:none;}
.building .footer_patch {display:block;}

.prev-btn,
.next-btn {transition: opacity 1s cubic-bezier(0,1.31,1,-0.99);}
.transparent {opacity:0.5;}

.notice{position: fixed;top: 0; left: 10px; width: 50%;opacity: 0.6;}
.notice img{width: 100%;}
